<template>
  <div class="app-container">
    <el-card>
      <el-steps :active="active" finish-status="success">
        <el-step :title="item.title"  v-for="(item, index) in stepList" :key="index">
        </el-step>
      </el-steps>
      <Workflow v-if="item.type === 'Workflow'" />
      <DataTable v-if="item.type === 'DataTable'" />
    </el-card>
  </div>
</template>

<script>
import { getPageList } from '@/api/workflow/bpmn/deploy'
import Workflow from './components/Show/Workflow'
import DataTable from './components/Show/DataTable'

export default {
  components: {
    Workflow,
    DataTable
  },
  data() {
    return {
      active: 1,
      stepList: [
        {title: '步骤一', type: 'DataTable'},
        {title: '步骤二', type: 'Workflow'},
        {title: '步骤三', type: 'DataTable'},
      ],
      item: {
        type: 'DataTable'
      }
    }
  },
  filters: {},
  created() {
    
  },
  methods: {
    
  }
}
</script>
